{% extends 'card.html' %}

{% block card_head %}
   <h3 class="card-title"><img src="#" alt="User Icon" style="width: 250px; height: 250px;">{{ username }}</h3>
   <div class="card-tools"><span class="badge badge-secondary">{{ role }}</span></div>
{% endblock %}

{% block card_body %}<p>{{ text }}</p>{% endblock %}

{% block card_footer %}
    <button class="btn btn-primary"><i class="fas fa-thumbs-up"></i>点赞</button>
    <button class="btn btn-default" data-toggle="collapse" data-target="#commentsCollapse"><i class="fas fa-comments"></i>评论</button>
    <button class="btn btn-default" data-toggle="collapse" data-target="#commentsCollapse2"><i class="fas fa-image"></i>帖子</button>
{% endblock %}

{% block after_card_footer %}
        <div class="collapse" id="commentsCollapse"><div class="card-body"><h5>评论</h5>fdasfa</div>
            {% set comments = comments %}
        {% include 'comments_list.html' %}
    </div>

        <div class="collapse" id="commentsCollapse2">
        <div class="card-body"><h5>帖子</h5><img src="#" alt="User Icon" width="250px" height="250px">
                    {% set comments = a %}
        {% include 'comments_list.html' %}

        </div>
    </div>
{% endblock %}
